<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>浮动水平导航栏</title>
        <style>
            *{padding:0;margin:0;}
            ul{
                list-style:none outside;
                overflow:hidden;
            }
            li{
                float:left;
            }
            a{
                display:block;
                background:#CCCCCC;
                width:120px;
                height:35px;
                line-height:35px;
                color:black;
                font-weight:bold;
                text-decoration:none;
                text-align:center;
                margin-right:2px;
            }
            a:hover{
                color:white;
                background-color:#000000;
            }
        </style>
    </head>
    <body>
        <ul>
            <li><a href="URL">首页</a></li>
            <li><a href="URL">公司简介</a></li>
            <li><a href="URL">经营发展</a></li>
            <li><a href="URL">产品展示</a></li>
            <li><a href="URL">新闻中心</a></li>
            <li><a href="URL">在线服务</a></li>
            <li><a href="URL">企业文化</a></li>
        </ul>
    </body>
</html>